<template>
  <div class="concrete-screen">
    <module-head
      title="平陆运河No.QL6钦江大桥-管内混凝土密实状态评估系统"
    ></module-head>
    <div class="main">
      <!-- 总体评估 -->
      <overall-assessment></overall-assessment>
      <banner></banner>
      <!-- 成果展示 -->
      <res-show></res-show>
      <!-- 图表轮播 -->
      <chartList></chartList>
    </div>
  </div>
</template>
<script>
import moduleHead from "@/views/waterLevel/components/moduleHead.vue";
import overallAssessment from "./components/overallAssessment/index.vue";
import banner from "./components/banner.vue";
import resShow from "./components/resShow/index.vue";
import chartList from "./components/chartList/index.vue";
export default {
  components: {
    moduleHead,
    overallAssessment,
    banner,
    resShow,
    chartList,
  },
};
</script>
<style scoped lang='scss'>
.concrete-screen {
  background: url("~@/assets/concreteScreen/bg@2x.png");
  width: vw(1920px);
  height: vh(1080px);
  background-size: 100% 100%;
  overflow: hidden;
  .main {
    padding: vh(21px) vw(30px);
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
</style>
